import React from "react";
import {useNavigate} from "react-router-dom";
import {Flex} from 'antd'
import "./index.less";

// const navigate = useNavigate();

export default function index() {
    return (
        <div className="footer">
            <Flex align="center" className="footerRow">
                <div className="footerCol footerColOne">
                    <ul>
                        {[
                            {key: "products", content: "Products"},
                            {key: "home", content: "Construction"},
                            // { key: "agriculture", content: "Agriculture" },
                            // { key: "wasteRecycle", content: "Waste and Recycling" },
                        ].map((item) => {
                            return (
                                <li key={item.key}>
                                    <a href={`/${item.key}`}>{item.content}</a>
                                </li>
                            );
                        })}
                    </ul>
                </div>
                <div className="footerCol footerColTwo">
                    <ul>
                        {[
                            {key: "about", content: "About Us"},
                            // { key: "Contact", content: "Contact" },
                            // { key: "Find a dealer", content: "Find a dealer" },
                        ].map((item) => {
                            return (
                                <li key={item.key}>
                                    <a href={["about"].includes(item.key) ? `/${item.key}` : "#"}>
                                        {item.content}
                                    </a>
                                </li>
                            );
                        })}
                    </ul>
                </div>
            </Flex>
            <Flex justify='center' className="footerCol" style={{color: 'white'}}>豫ICP备2024040763号-51</Flex>
        </div>
    );
}
